<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航2</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">
</head>
<body>


<div class="container">
    <!--
         nav
         nav-tabs
         nav-pills  nav-stacked
    -->
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">主页</a></li>
        <li><a href="#">栏目1</a></li>
        <li><a href="#">栏目2</a></li>
        <li><a href="#">栏目3</a></li>

    </ul>


    <div class="btn-group">
        <button class="btn btn-success">
            按钮1
        </button>
        <button class="btn btn-danger">
            按钮2
        </button>
        <button class="btn btn-info">
            按钮3
        </button>
    </div>

    <div class="input-group">
        <span class="input-group-addon">$</span>
        <input class="form-control"/>
    </div>

    <div class="input-group">
        <input class="form-control"/>
        <span class="input-group-addon">C</span>
    </div>

    <div class="input-group">
        <span class="input-group-addon">$</span>
        <input class="form-control"/>
        <span class="input-group-addon">C</span>
    </div>



</div>



</body>
</html>